body > div {
    /*background-color: blue;*/
    /*border: 1px solid red;*/
    width: 1000px;
}

/*可以拿到所有的div *号代表所有的div*/
* {
    margin: 0;
}

/*只要对谁设置了display，那么里面的div默认在一行*/
body {
    display: flex;
    justify-content: center;

}

/*-----------------------------------top--------------------*/
.top {
    background-image: url("../img/banner_qtah.jpg");
    height: 508px;
    /*height: calc(1000 * 808px / 1920);*/
    width: 1000px;
    /*    需要将背景图片所有的内容全部显示,那么需要对背景图片设置高宽*/
    /*    100% 自适应外面div的高宽*/
    background-size: 100% 100%;
    /*display: flex;*/
    /*flex-direction: row-reverse;*/
    /*flex-wrap: wrap;*/
    color: white;
}

.top > div > div {
    /*边框的大小，边框的形状，边框的颜色*/
    /*border: 1px solid red;*/
    width: 900px;
}

.top > div {
    display: flex;
    justify-content: center;
}

/*.top > div:nth-child(1) > div {*/
/*    !*缩进*!*/
/*    text-indent: 1em;*/
/*}*/
/*.top > div:nth-child(2) > div {*/
/*    text-indent: 2em;*/
/*}*/
.company {
    display: flex;
    justify-content: space-between;
}

/*logo 应该对logo设置高宽*/
.company > div:nth-child(1) {
    background-image: url("../img/logo_g0yv.jpg");
    height: 141px;
    width: 204px;
}

.company > div:nth-child(2) > div:nth-child(1) {
    background-image: url("../img/icon2_03_uc2a.png");
    background-size: 100% 100%;
    height: 30px;
    width: 30px;
    /*border: 5px solid red;*/
    /*内容和边框之间的距离叫做padding 内边距*/
    /*边框和外面的div之间的距离叫做margin 外边距*/
    /*这里的四个参数 上 右 下 左*/
    /*margin: 5px 30px 20px 10px;*/
    /*三个参数  上   左右   下*/
    /*margin: 5px 30px 20px;*/
    /*两个参数的情况   上下  左右*/
    /*margin: 20px 3px;*/
    /*一个就表示上下左右的距离*/
    /*margin: 30px;*/
    /*margin-right: 30px;*/
    /*margin-bottom: 20px;*/
    /*margin-left: 30px;*/
    /*margin-top: 20px;*/
    /*padding-right: 20px;*/
    /*padding: 20px;*/
}

.company > div:nth-child(2) {
    display: flex;
    align-items: center;
}

/*-------------------nav-------------------*/
.top > div:nth-child(2) {
    background-color: rgb(230, 145, 55);
    height: 50px;
}

.nav {
    display: flex;
}

/*aaa{*/
/*    margin: 0 20px;*/
/*}*/
.nav > div {
    padding: 0 20px;
    /*    字体上下居中 */
    line-height: 50px;
}

/*鼠标移上去事件*/
.nav > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: pointer;
}

.ad {
    display: flex;
    align-items: center;
    height: 310px;
}

.ad > div > div:nth-child(1) {
    font-size: 40px;
    margin: 5px 0;
}

.ad > div > div:nth-child(2) {
    font-size: 10px;
    line-height: 20px;
}

/*.ad>div>div:nth-child(2)>div{*/
/*    !*margin: 5px 0;*!*/
/*    padding: 5px 0;*/
/*}*/

.ad > div > div:nth-child(3) {
    color: rgb(230, 145, 55);
    font-size: 30px;
}

.ad > div > div:nth-child(3) > div:nth-child(1) {
    display: flex;
    align-items: flex-end;
}

/*pw自定义元素*/
/*div[pw] 属性选择器*/
/*div[pw] {*/
/*    font-size: 20px;*/
/*    color: white;*/
/*}*/
/*div[sh]{*/
/*    margin-right: 2em;*/
/*}*/
/*奇偶数odd 奇数，even 偶数*/
.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(even) {
    font-size: 20px;
    color: white;
}

/*.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(1),.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) {*/
/*    font-size: 20px;*/
/*    color: white;*/
/*}*/
/*.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2){*/
/*    margin-right: 2em;*/
/*}*/
/*.ad > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) {*/
/*    font-size: 20px;*/
/*    color: white;*/
/*    */
/*}*/
.ad > div > div:nth-child(3) > div:nth-child(2) {
    text-indent: 1.5em;
}


/*公用的css名字不能局限于某一个指定的模块功能，而是公用的名字*/
/*------------公用的css--------------*/
.title {
    font-size: 30px;
    color: rgb(230, 145, 55);
    padding: 10px;
}

.border-top-padding {
    border-top: 1px solid gray;
    padding: 10px;
}

/*单行溢出*/
.single-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出*/
.many-over-two {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.many-over-three {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.font-title {
    font-family: 黑体;
    font-size: 15px;
    color: black;
    cursor: pointer;
}

.font-content {
    font-family: Arial;
    font-size: 10px;
    color: gray;
}